/*
 * @Author       : ShiJunJie
 * @Date         : 2022-04-19 10:12:50
 * @LastEditors  : ShiJunJie
 * @LastEditTime : 2022-04-19 10:15:22
 * @FilePath     : /config/vite/plugins/components/vite-plugin-vue-setup-extend/index.ts
 * @Descripttion : 
 */
import vueSetupExtend from 'vite-plugin-vue-setup-extend'
/**
 * 作用： 解决vue3下 script setup语法糖 下 ，手动设置组件name不方便的问题
 * 注意： 可能会导致vue组件debuger时，断点位置不正确问题，使用前请慎重 （直至0.4.0版本依旧有该问题）
 * https://github.com/vbenjs/vite-plugin-vue-setup-extend
 */
/*
```
## SFC

<template>
  <div>hello world {{ a }}</div>
</template>

<script lang="ts" setup name="App">
  const a = 1
</script>
```
*/
export default (options?: viteUserOptions): viteUserPlugins => {
  // 官方VUE模板解析器增加支持md文件解析
  const plugins = vueSetupExtend()

  return { plugins }
}
